<template>
  <div class="maindiv">
    <el-row class="maindivx">
      <el-col>
        <el-card class="statistics_card">
          <ve-bar :data="chartData" height="800px"></ve-bar>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>
<style lang="less" scoped>
* {
  margin: 0;
  padding: 0;
}
.maindiv {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0e6251;
}
.maindivx{
    background-color: #0e6251;
}
.statistics_card {
  margin: 30px;
  height: 100%;
  border-radius: 15px;
}
.sts_title {
  margin-top: 20px;
}
.sts_info {
  margin-top: 20px;
  font-size: 20%;
  color: red;
}
.no_ready_card {
  margin: 30px;
}
</style>
<script>
export default {
  data() {
    return {
      chartData: {
        columns: ["号码", "出现次数"],
        rows: [
          { 号码: "16", 出现次数: 5558 },
          { 号码: "1", 出现次数: 5614 },
          { 号码: "14", 出现次数: 6692 },
          { 号码: "4", 出现次数: 8576 },
          { 号码: "15", 出现次数: 10039 },
          { 号码: "11", 出现次数: 11566 },
          { 号码: "9", 出现次数: 11698 },
          { 号码: "12", 出现次数: 11840 },
          { 号码: "13", 出现次数: 11938 },
          { 号码: "7", 出现次数: 14309 },
          { 号码: "10", 出现次数: 14687 },
          { 号码: "2", 出现次数: 14843 },
          { 号码: "6", 出现次数: 15404 },
          { 号码: "3", 出现次数: 16649 },
          { 号码: "8", 出现次数: 18342 },
          { 号码: "5", 出现次数: 20269 },
       
        ],
      },
    };
  },
};
</script>